import React from 'react'
import { useNavigate, useSearchParams } from 'react-router-dom'
import { Card, NavBar } from 'antd-mobile'

function Index() {
  let navigate = useNavigate()
  const handle = () => {
    navigate('/')
  }
  let [sq] = useSearchParams()
  let start = sq.get('start')
  let end = sq.get('end')
  let date = sq.get('date')
  let id = sq.get('id')
  return (
    <div>
      <div>
        <div style={{display:'flex',justifyContent:'space-between'}}>
          <span>前一天</span>
          <span>{date}</span>
          <span>后一天</span>
        </div>
      </div>
      <NavBar onBack={() => handle()}>标题</NavBar>
      <Card>
        卡片内容
      </Card>
    </div>
  )
}

export default Index
